<template>
  <div id="shop">
<!--    导航栏-->
    <shop-nav-bar />
      <scroll class="shop_scroll" >
<!--    商品列表-->
          <shop-infos class="shop_list"/>
      </scroll>
<!--    底部汇总-->
      <shop-bottom-bar/>
  </div>

</template>

<script>
  import ShopNavBar from "./childComponent/ShopNavBar";
  import ShopInfos from "./childComponent/ShopInfos";
  import Scroll from "../../components/common/scroll/Scroll";
  import ShopBottomBar from "./childComponent/ShopBottomBar";
    export default {
        name: "ShopCar",
      components:{
          ShopNavBar,
          ShopInfos,
          Scroll,
          ShopBottomBar
      }
    }
</script>

<style scoped>
    #shop{
        width: 100%;
    }
    .shop_list{
        margin-top: 48px;
    }
    .shop_scroll{
        height: calc(100vh - 93px) ;
    }
</style>
